.chat {
  background-color: #f3f3f3;
  height: 100vh;
  .chat-list {
    height: 90%;
    overflow: auto;
    .chat-item {
      padding: 1rem;
      .time {
        text-align: center;
      }
      .user {
        text-align: right;
        margin-top: 40px;
        text {
          background-color: #50f230;
          padding: 20px;
          border-radius: 30px 5px 30px 30px;
        }
      }
      .roboot {
        text-align: left;
        margin-top: 40px;
        text {
          background-color: #ffffff;
          padding: 20px;
          border-radius: 5px 30px 30px 30px;
        }
      }
    }
  }
  .chat-input {
    height: 5%;
    background-color: #ffffff;
    padding: 10px 30px 60px 50px;
    display: flex;
    justify-content: space-between;
    input {
      background-color: #f3f3f3;
      height: 80px;
      border-radius: 50px;
      width: 90%;
    }
    icon {
      width: 10%;
      margin-top: 20px;
      text-align: right;
    }
  }
}
